/* .header {background: #f1f1f1;} */

/*pc*/

@media (min-width: 768px){
	.header {min-width:1024px;/*margin-bottom: -76px;*/position: relative; height: 16em;}
	.header .header-scale{position: absolute;left:0;width:100%;height: 100%;z-index: 10;}
	.header .wrap{/*background: url(../image/common/bg_top.jpg) no-repeat; background-size: 100% 100%;*/height: 100%;position: relative;}
	.header .wrap:before,.header .wrap:after { content: ""; display:block; width: 100%; overflow: hidden; clear: both;}
	.header .logo{ position: absolute;left: 50%;transform: translateX(-50%);}
	.header .logo1{width: 52.7%;top: 2.7em;}
	.header .logo2{width: 41%;top: 11em;}
	.header .logo:before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:25%;}
	.header .logo img{/*height: 44.2%;*/vertical-align: middle;opacity: 1;}
	.header .search-bar{float:right;margin-top:3.2em; margin-left: 3em; white-space: nowrap; border: 1px #008dd5 solid;border-radius: 100px;overflow: hidden;line-height: 1;background-color: #fff;display: none;}
	.header .search-bar input{width: 50px; padding: 0 .8em; background: #fff; border: none;display: inline-block; vertical-align: middle;transition: width 300ms;}
	.header .search-bar input:focus{width: 80px;}
	.header .search-bar a{display: inline-block; vertical-align: middle; width: 2.4em;height:1.5em;background:url(../image/common/icon-search-w.png) no-repeat center #008dd5;background-size: 50% auto;cursor: pointer;}
	.header .header-menu{float:right;height: 34px; white-space: nowrap; background: url(../image/menu-bg01.png) no-repeat;background-size: auto 100%;line-height: 1}
	.header .header-menu:before{content:'';display: inline-block;height: 100%; vertical-align: middle;}
	.header .header-menu ul{display: inline-block;vertical-align: middle;padding: 0 1em 0 5em;}
	.header .header-menu li{display: inline-block;vertical-align: middle;padding: 0 2em;}
	.header .header-menu li + li{border-left: 1px #fff solid;}
	.header .header-menu li a{color: #fff;}
	.header .nav{height: 36px;position: absolute;right: 0;bottom: 0;}
	.header .nav .ul-dep-1 {height: 100%;letter-spacing: -.35em;}
	.header .nav .ul-dep-1:hover .a-dep-1 i {opacity: 0;filter:alpha(opacity=0);}
	.header .nav .li-dep-1 {font-size: 1.2em;display:inline-block;vertical-align: top;height: 100%;letter-spacing:0;position: relative;background: url(../image/nav.png) no-repeat;background-size: auto 100%;margin-right: 1em;}
	.header .nav .a-dep-1 {overflow: hidden;display:block;color: #000;width:11em;height: 100%;text-align: center;position: relative;background: url(../image/nav.png) right top no-repeat;background-size: auto 100%;margin-left: 1em;margin-right: -1em;padding-right: 1em;font-weight: bold}
	.header .nav .li-dep-1:hover ,
	.header .nav .li-dep-1.active {background: url(../image/nav-active.png) no-repeat;}
	.header .nav .li-dep-1:hover .a-dep-1,
	.header .nav .li-dep-1.active .a-dep-1 {background: url(../image/nav-active.png) right top no-repeat;color: #fff}
	.header .nav .a-dep-1 i {content:'';position: absolute;width:100%;height:100%;left:0;top:0;display:none;background-color: #D0102C;background-position: center; background-repeat: no-repeat;opacity: 0;filter:alpha(opacity=0);transition: opacity 300ms;}
	.header .nav .a-dep-1:after {content:'';display:inline-block;height: 100%;vertical-align: middle;}
	.header .nav a {color: #000;cursor: pointer;}
	.header .nav a:hover {color: #D0102C;}
	.header .a-dep-3 + .nav-sub{padding-left: 1em;}
	.header .a-dep-1 + .nav-sub{position: absolute;left:-10000px;top:100%;overflow:hidden;background: #fff;transform:translate(0,10px);opacity:0;transition:transform 200ms, opacity 200ms, left 0ms 200ms;}
	.header .nav .li-dep-1:hover .a-dep-1 i,.header .nav .active .a-dep-1 i {opacity: 1;filter:alpha(opacity=100);}
	.header .nav .li-dep-1:hover .a-dep-1 + .nav-sub{left:0;transform:translate(0,0); opacity:1;transition:transform 500ms, opacity 500ms 100ms, left 0s 0s;}
	.header .nav .ul-dep-2 {text-align: center;position: relative; padding: 2em 5.7em;display: inline-block;}
	.header .nav .li-dep-2 {display:inline-block;text-align: left;margin: 1.5em 0;white-space: nowrap;}
	.header .nav .li-dep-2 img {margin-right: 4.5em;opacity: .5;transition: opacity 300ms;vertical-align: middle;}
	.header .nav .li-dep-2:hover img {opacity: 1;}
	.header .nav .a-dep-2 {display:block;font-size: 1.2em;}
	.header .nav .a-dep-2 span{display:inline-block; margin-right: 2em;border-bottom: 1px #fff solid;transition: border 300ms}
	.header .nav .a-dep-2:hover span {border-bottom: 1px rgb(241, 123, 140) solid;color: #000;}
	.header-mask {content:'';position:fixed;width:100%;height:100%;left:-10000px;top:0;margin-top:5.3%;background: #000;opacity:0;filter:alpha(opacity=0);transition:opacity 200ms, left 0ms 200ms;}
	.html-nav-open .header-mask {left: 0;opacity:0.1;filter:alpha(opacity=10);transition:opacity 200ms, left 0ms 0ms;}
}

@media (min-width: 768px) and (max-width: 1366px){
	
}
@media (min-width: 1367px) and (max-width: 1600px){
	
}
@media (min-width: 1611px) and (max-width: 1680px){
	
}
@media (min-width: 1281px) and (max-width: 1366px){
	
}

@media (min-width: 768px) and (max-width: 1280px){
	
}

@media (min-width: 768px) and (max-width: 1024px){
	
}

@media (min-width: 768px) and (max-width: 768px){
	
}

/* ipad */

@media (min-width: 768px) and (max-width: 768px){
	.header{min-width: auto;}
}

/*mobile*/

@media (max-width: 767px){
	.container {transition:transform 300ms;}
	.header {position: fixed;z-index: 1000; width: 100%;left: 0;top: 0;/*border-bottom: 1px #eee solid;background: url(../image/common/header-bg.jpg) #fff bottom no-repeat;*/background-size: 100% auto;/*height: 7em;*/height: 5.5em;}
	/* .header + *:before {content: '';display: block;height:40px;padding: 0;} */
	.header:before,.header:after { content: ""; display:block; width: 100%; overflow: hidden; clear: both;}
	.header .logo{display: inline-block; margin:10px;}
	.header .logo:before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:100%;}
	.header .logo img{zoom:1;vertical-align: middle;height: 40px;width: 50%;position: relative;top: -16px;}
	.header .m-lang {float: right;height:40px;margin-right: 1em;}
	.header .m-lang a.active {color: #003377;font-weight: bold;}
	.header .m-lang::before{content:""; display: inline-block; vertical-align: middle;width: 0em; height:100%;}
	.header .search-bar{display: none;white-space: nowrap; border: 1px #008dd5 solid;border-radius: 100px;overflow: hidden;line-height: 1;}
	.header .search-bar input{width: 50px; padding: 0 .8em; background: #fff; border: none;display: inline-block; vertical-align: middle;transition: width 300ms;}
	.header .search-bar input:focus{width: 80px;}
	.header .search-bar a{display: inline-block; vertical-align: middle; width: 2.4em;height:1.5em;background:url(../image/common/icon-search-w.png) no-repeat center #008dd5;background-size: 50% auto;cursor: pointer;}
	.m-nav-toggle {float:right;width: 45px; height:45px;position: fixed;top:10px;right: 10px; background: #383b46;border-radius: 8px;}
	.m-nav-toggle span{ position:absolute;left:50%;top:50%; width:60%;height:4px; margin-left:-32%;margin-bottom: 3px; border: 1px solid #cacbce; display:block; background:#fff!important;border-radius: 5px;}
	.m-nav-toggle span:first-child{ margin-top:-13px;}
	.m-nav-toggle span:nth-child(2){margin-top: -2px;}
	.m-nav-toggle span:last-child { margin-top: 9px;}
	.m-nav-open,.m-nav-open body {overflow-y: hidden;}
	/*m-nav-aside*/
	.nav-type-aside .m-nav-mask {position:fixed;left:0;top:0;z-index:100;width:100%;height:0;overflow:hidden;background:rgba(0,0,0,0);transition: background 300ms, height 0ms 200ms;text-align:right;}
	.nav-type-aside .m-nav-mask:before { content:"╳"; font-size:2em; color:#fff; font-family:serif,arial; display:inline-block; width:20%; text-align:center; margin-top:.5em;}
	.nav-type-aside .header .nav{position: fixed;z-index: 100;display: none; left:0%;top:0;background:#fff;width: 80%;height:100%; box-sizing: border-box; padding: 20px 0; overflow-x:hidden;overflow-y: auto; -webkit-overflow-scrolling:touch;}	
	.nav-type-aside.m-nav-open .container {height: 100%; transform:translate(-80%,0);}
	.nav-type-aside.m-nav-open .header .nav {left:100%;display: block;}
	.nav-type-aside.m-nav-open .m-nav-mask { height:100%;background:#000; box-shadow:0 0 10px rgba(0,0,0,0.2);transition: background 300ms, height 0ms 0ms;}
	.nav-type-aside .header .nav li{ margin: 0 20px;}
	.nav-type-aside .header .nav li + li {border-top: 1px #eee dotted;}
	.nav-type-aside .header .nav a{display:inline-block; padding: 1em;box-sizing: border-box;transform: translate(0, 0);transition:transform 0ms 0ms;background: #fff;}
	.nav-type-aside .header .nav .nav-folder:before{ content: ""; float: right;width:0.5em; height:0.5em; margin: 1.5em; border-top: 1px #555 solid;border-right: 1px #555 solid;transform: rotate(45deg);}
	.nav-type-aside .header .nav .nav-sub{position:absolute;z-index: 300; left:100%;top:0%;width:100%;height:100%;background:rgba(255,255,255,1); padding:0px;box-sizing: border-box;overflow-x:hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;transition:transform 300ms;}
	.nav-type-aside .header .nav .nav-sub:before{ content: "";display: block;height: 60px;}
	.nav-type-aside .header .nav .nav-sub:after{ content: "";position: absolute;left: 0;top:0; width:1em; height:1em; margin:2em;border-top: 1px #555 solid;border-left: 1px #555 solid;transform: rotate(-45deg);}
	.nav-type-aside .header .nav .nav-folder-open:before{transform: rotate(135deg);}
	.nav-type-aside .header .nav .nav-folder-open:after{content: "空";padding: 1em;display: inline-block; color:#000; visibility: hidden;}
	.nav-type-aside .header .nav .nav-folder-open > a{position:absolute;z-index: 200;left:50%;top:0;width:50%;height:60px;padding:0;padding-right: 20px;font-size: 1.2em;text-align: right;background: #fff;}
	.nav-type-aside .header .nav .nav-folder-open > a:before{content: "";display: inline-block; height: 100%; vertical-align: middle;}
	.nav-type-aside .header .nav .nav-folder-open > .nav-sub{transform: translate(-100%, 0); z-index: 190}
	.nav-type-aside .header .nav .nav-sub-open {z-index: 300!important;}
	/*m-nav-dropdown*/	
	.nav-type-dropdown .m-nav-mask {position:fixed;left:0;top:7em;z-index:100;width:100%;height:0;overflow:hidden;background:rgba(0,0,0,0);transition: background 300ms, height 0ms 200ms;}
	.nav-type-dropdown .header .nav{height: 100%; position:fixed;z-index: 101;right:0;top:65px;width: 100%!important; max-height:calc(100vh - 64px);overflow-y: auto;-webkit-overflow-scrolling:touch;width:auto;display: none;background: url(../image/common/nav_bg_01.jpg) repeat;background-size: cover;}	
	.nav-type-dropdown .header .nav .ul-dep-1{margin: 10px 20px 30px;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1{background: #eaeaea;border: 1px solid #6e6e6e; text-align: left;border-top: 1px solid #6d6d6d;margin-bottom: 20px;}
	.nav-type-dropdown .header .nav .ul-dep-1 .a-dep-1{color: #333;display: block;padding: 1em 0 1em 1em;font-size:1.2em;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>.a-dep-1{font-size: 1.3em;font-weight: bold;position: relative;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1.selected  .icon-arr{transform: rotate(180deg);}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1.selected .child-nav{display: block;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1.selected .child-nav>li:last-child >.a-dep-1{border-bottom: none}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>.a-dep-1 .icon-arr{display: inline-block; width: 35px;height: 35px;background: url(../image/common/arrow-down.png) center center no-repeat;background-size: 100%;position: absolute;top: 50%;margin-top: -20px; right: 20px;transition: transform 150ms ease;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>.a-dep-1 .icon-arr :hover {background: url(../image/common/arrow-up.png) center center no-repeat;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>.child-nav{display: none;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1 .border-B{border-bottom: 1px solid #6e6e6e;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1 .border-T{border-top: 1px solid #6e6e6e;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>ul>li{margin: 0 20px;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>ul>li>.a-dep-1{padding-left: 0;}
	.nav-type-dropdown .header .nav .ul-dep-1 .li-dep-1>ul>li>.a-dep-1.border-B{padding-left: 0;border-bottom: 1px solid #afafaf;}
	.nav-type-dropdown.m-nav-open .header .m-nav-toggle span:first-child +span {display: none;}
	.nav-type-dropdown.m-nav-open .header .m-nav-toggle span:first-child {margin-top: 0;transform: rotate(-45deg)}
	.nav-type-dropdown.m-nav-open .header .m-nav-toggle span:last-child {margin-top: 0;transform: rotate(45deg)}
	.nav-type-dropdown.m-nav-open .header .nav {display: block;}
	.nav-type-dropdown.m-nav-open .m-nav-mask {height:100%;background:rgba(0,0,0,0.6);transition: background 300ms, height 0ms 0ms;}
	.nav-type-dropdown .header .nav li:before{/*content: ''; */display:inline-block;vertical-align:middle;margin-top: -0.1em; margin-left: 2em; /*margin-right: 2em; */width: 0; height: 0; border-width: 0.5em 0.4em 0 0.4em; border-color:transparent;border-style: solid;}
	.nav-type-dropdown .header .nav li.nav-folder:before{content: ''; display:inline-block;vertical-align:middle;margin-top: -0.1em; margin-left: 2em; margin-right: 2em; width: 0; height: 0; border-width: 0.5em 0.4em 0 0.4em; border-color: #008dd5 transparent transparent transparent;border-style: solid;}
	.nav-type-dropdown .header .nav-sub li:before{display: none;}
	.nav-type-dropdown .header .nav li + li {/*border-top: 1px #eee dotted;*/}
	.nav-type-dropdown .header .nav .ul-dep-1 a{display:inline-block; /*padding: 1em 3em 1em 0em;color: #003377*/}
	/* .nav-type-dropdown .nav-folder:after{ content: ""; float: right;width:0.5em; height:0.5em; margin: 1.5em; border-bottom: 1px #555 solid;border-right: 1px #555 solid;transform: rotate(45deg);} */
	.nav-type-dropdown .header .nav .nav-sub{display: none;overflow-x:hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;background: #f5f5f5;padding-left: 1em;}
	.nav-type-dropdown .header .nav .nav-sub a{padding: 0.8em 3em 0.8em 3em;}
	.nav-type-dropdown .header .nav .nav-folder-open {background: #17bcf0; color: #fff;}
	.nav-type-dropdown .header .nav .nav-folder-open > a {color: #fff;}
	.nav-type-dropdown .header .nav .nav-folder-open:before{border-color: #fff transparent transparent transparent;}
	.nav-type-dropdown .header .nav .nav-folder-open > .nav-sub{display: block;}

	/* 头部开始 */
	.header .header-wrap{background: url(../image/common/bg_top_01.jpg) no-repeat;background-size: 100% 100%;height: 100%;position: relative;}
	.header .logo3{width: 44.2%;margin: 3.5em auto 2em;}
	.header{height: auto;position: relative;}
}



@media screen and (max-width:320px){
	.m-nav-toggle {margin-top: -60px;width: 40px;height: 40px;top: 80px;}
	.footer-menu li{padding: 0 0.5em;}
	#nav .footer{height: 10em;}
}



















